@charset "UTF-8";

@import "jquery/jquery.ui.core.css";
@import "jquery/jquery.ui.dialog.css";

/*========================[layout_content]=======================*/
.layout_content { margin-right:auto; margin-left:auto; overflow:hidden; background:#FFFFFF url(../{$dir_images}/bg_content.gif) repeat-y center; text-align:center; }

.content_one_left { width:200px; float:left; overflow:hidden; display:inline; margin:6px 0 0 16px; text-align:left; }
.content_one_center { width:506px; float:left; overflow:hidden; display:inline; margin:6px 6px 0 6px; text-align:left; }
.content_one_right { width:250px; float:right; overflow:hidden; display:inline; margin:6px 16px 0 0; text-align:left; }

.content_two_left { width:712px; float:left; overflow:hidden; display:inline; margin:6px 0 0 16px; text-align:left; }
.content_two_right { width:250px; float:right; overflow:hidden; display:inline; margin:6px 16px 0 6px; text-align:left; }

.content_three_left { width:200px; float:left; overflow:hidden; display:inline; margin:6px 0 6px 16px; text-align:left; }
.content_three_right { width:762px; float:right; overflow:hidden; display:inline; margin:6px 16px 6px 6px; text-align:left; }

/*------------------------[content_one]-----------------------*/
.box_one_news .title { height:25px; line-height:25px; overflow:hidden; background:#E1E7EB url(../{$dir_images}/bg_box.gif) no-repeat 0px 0px; }
.box_one_news .title h2 { float:left; width:60%; height:25px; line-height:25px; overflow:hidden; padding-left:24px; color:#004477; font-weight:bold; text-align:left; background:url(../{$dir_images}/icon_box.gif) no-repeat 0px 0px; }
.box_one_news .title span { float:right; width:20%; height:25px; line-height:25px; overflow:hidden; padding-right:6px; text-align:right; background:#E1E7EB url(../{$dir_images}/bg_box.gif) no-repeat right 0px; }
.box_one_news .content { height:240px; overflow:hidden; background:#FFFFFF; border-left:1px solid #A6D4EE; border-right:1px solid #A6D4EE; }
.box_one_news .content ul { clear:left; list-style-type:none; line-height:24px; padding:3px 6px 6px 6px;}
.box_one_news .footer { height:6px; overflow:hidden; background:#E1E7EB url(../{$dir_images}/bg_box.gif) no-repeat 0px -29px; }
.box_one_news .footer span { width:20px; height:6px; float:right; overflow:hidden; background:#E1E7EB url(../{$dir_images}/bg_box.gif) no-repeat right -29px; }

    li.ico_li_1, li.ico_li_2, li.ico_li_3, li.ico_li_4, li.ico_li_5,
    li.ico_li_6, li.ico_li_7, li.ico_li_8, li.ico_li_9, li.ico_li_10 { background:url("../{$dir_images}/icon_list.gif") no-repeat; padding-left:18px; }
    li.ico_li_1 { background-position:0 6px; }
    li.ico_li_2 { background-position:0 -19px; }
    li.ico_li_3 { background-position:0 -44px; }
    li.ico_li_4 { background-position:0 -69px; }
    li.ico_li_5 { background-position:0 -94px; }
    li.ico_li_6 { background-position:0 -119px; }
    li.ico_li_7 { background-position:0 -144px; }
    li.ico_li_8 { background-position:0 -169px; }
    li.ico_li_9 { background-position:0 -194px; }
    li.ico_li_10 { background-position:0 -219px; }

.box_one_headline { height:72px; overflow:hidden; background:#EEFFFF; }
.box_one_headline .title { height:6px; overflow:hidden; background:#E1E7EB url(../{$dir_images}/bg_box.gif) no-repeat 0px 0px; }
.box_one_headline .title span { width:20px; height:6px; float:right; overflow:hidden; background:#E1E7EB url(../{$dir_images}/bg_box.gif) no-repeat right 0px; }
.box_one_headline .content { height:60px; line-height:25px; overflow:hidden; border-left:1px solid #A6D4EE; border-right:1px solid #A6D4EE; }
.box_one_headline .content h2 { padding-left:6px; padding-right:6px; height:30px; line-height:30px; font-size:18px; }
.box_one_headline .content h2 a { font-size:18px; }
.box_one_headline .content p { padding-left:6px; padding-right:6px; height:30px; line-height:15px; text-indent:2em; }
.box_one_headline .content p a{ padding-left:6px; color:#990000; }
.box_one_headline .content p a:hover{ padding-left:6px; color:#EE0000; }
.box_one_headline .footer { height:6px; overflow:hidden; background:#E1E7EB url(../{$dir_images}/bg_box.gif) no-repeat 0px -29px; }
.box_one_headline .footer span { width:20px; height:6px; float:right; overflow:hidden; background:#E1E7EB url(../{$dir_images}/bg_box.gif) no-repeat right -29px; }

.box_one_newscall { height:192px; margin-top:6px; overflow:hidden; background:#FFFFFF; }
.box_one_newscall .lantern { float:left; width:230px; height:190px; overflow:hidden; border:1px solid #A6D4EE; }
.box_one_newscall .article { float:right; width:268px; height:192px; overflow:hidden; margin-left:6px; }

.box_one_newscall #tab_news .ui-tabs-nav { height:25px; overflow:hidden; background:url(../{$dir_images}/bg_box.gif) no-repeat right -115px;}
.box_one_newscall #tab_news .ui-tabs-nav .ui-state-default { float:left; width:60px; height:24px; line-height:24px; margin-right:3px; color:#666666; text-align:center; background:url(../{$dir_images}/bg_box.gif) no-repeat 0px -140px; }
.box_one_newscall #tab_news .ui-tabs-nav .ui-state-default a,
.box_one_newscall #tab_news .ui-tabs-nav .ui-state-default a:hover{ color:#666666; text-align:center; }
.box_one_newscall #tab_news .ui-tabs-nav .ui-state-active { height:25px; line-height:25px; background:url(../{$dir_images}/bg_box.gif) no-repeat -60px -140px; }
.box_one_newscall #tab_news .ui-tabs-nav .ui-state-active a,
.box_one_newscall #tab_news .ui-tabs-nav .ui-state-active a:hover{ color:#1F376D; font-weight:bold; }
.box_one_newscall #tab_news .ui-tabs-nav .ui-tabs-selected { height:25px; line-height:25px; background:url(../{$dir_images}/bg_box.gif) no-repeat -60px -140px; }
.box_one_newscall #tab_news .ui-tabs-nav .ui-tabs-selected a,
.box_one_newscall #tab_news .ui-tabs-nav .ui-tabs-selected a:hover{ color:#1F376D; font-weight:bold; }
.box_one_newscall #tab_news .ui-tabs-hide { display: none !important; }
.box_one_newscall #tab_news .ui-tabs-panel { height:166px; overflow:hidden; border-left:1px solid #A6D4EE; border-right:1px solid #A6D4EE; border-bottom:1px solid #A6D4EE; }
.box_one_newscall #tab_news .ui-tabs-panel ul { clear:left; list-style-type:none; margin:3px; }
.box_one_newscall #tab_news .ui-tabs-panel ul li { height:27px; line-height:27px; overflow:hidden; color:#888888; }
.box_one_newscall #tab_news .ui-tabs-panel ul li h4{ display:inline; }
.box_one_newscall #tab_news .ui-tabs-panel ul li h4 a { line-height:27px; color:#990000; }
.box_one_newscall #tab_news .ui-tabs-panel ul li h4 a:hover { color:#EE0000; }
.box_one_newscall #tab_news .ui-tabs-panel ul li a { margin-left:3px; line-height:27px; color:#222222; }
.box_one_newscall #tab_news .ui-tabs-panel ul li a:hover { color:#77B900; }

.box_one_headdown { height:182px; overflow:hidden; background:#E1E7EB; }
.box_one_headdown .title { height:25px; line-height:25px; overflow:hidden; background:#E1E7EB url(../{$dir_images}/bg_box.gif) no-repeat 0px 0px; }
.box_one_headdown .title h2 { float:left; width:60%; height:25px; line-height:25px; overflow:hidden; padding-left:24px; color:#004477; font-weight:bold; text-align:left; background:url(../{$dir_images}/icon_box.gif) no-repeat 0px -25px; }
.box_one_headdown .title span { float:right; width:20%; height:25px; line-height:25px; overflow:hidden; padding-right:6px; text-align:right; background:#E1E7EB url(../{$dir_images}/bg_box.gif) no-repeat right 0px; }
.box_one_headdown .content { height:151px; line-height:25px; overflow:hidden; background:#FFFFFF; border-left:1px solid #A6D4EE; border-right:1px solid #A6D4EE; }
.box_one_headdown .content ul { margin:3px; list-style-type:none; padding-left:6px; padding-right:6px; }
.box_one_headdown .footer { height:6px; overflow:hidden; background:#E1E7EB url(../{$dir_images}/bg_box.gif) no-repeat 0px -29px; }
.box_one_headdown .footer span { width:20px; height:6px; float:right; overflow:hidden; background:#E1E7EB url(../{$dir_images}/bg_box.gif) no-repeat right -29px; }

    .box_one_headdown .content ul { clear:left; list-style-type:none; }
    .box_one_headdown .content ul .cover { width:80px; height:85px; float:left; text-align:center; overflow:hidden; color:#16387C; font-size:14px; font-weight:bold; text-decoration:none; }
    .box_one_headdown .content ul .subject { width:150px; height:25px; line-height:25px; float:left; text-align:left; overflow:hidden; color:#990000; font-size:14px; text-decoration:none; }
    .box_one_headdown .content ul .subject a,
    .box_one_headdown .content ul .subject a:link,
    .box_one_headdown .content ul .subject a:visited { color:#990000; font-size:14px; font-weight:bold; }
    .box_one_headdown .content ul .subject a:hover,
    .box_one_headdown .content ul .subject a:active { color:#EE0000; font-size:14px; font-weight:bold; }
    .box_one_headdown .content ul .brief { width:150px; height:60px; line-height:15px; float:left; text-align:left; overflow:hidden; color:#888888; font-size:12px; text-decoration:none; }
    .box_one_headdown .content ul .download { width:230px; height:61px; line-height:25px; float:left; text-align:center; overflow:hidden; color:#AAAAAA; font-size:12px; text-decoration:none; }

.box_one_khzs_right { width:248px; height:80px; margin-top:6px; border:1px solid #A6D4EE; overflow:hidden; background:#EEFFFF; }

/*------------------------[content_two]-----------------------*/
.box_two_khzs_left { width:710px; height:80px; border:1px solid #A6D4EE; overflow:hidden; background:#EEFFFF; }
.box_two_khzs_right { width:248px; height:80px; border:1px solid #A6D4EE; overflow:hidden; background:#EEFFFF; }

/*------------------------[content_three]-----------------------*/
.box_three_rank .title { height:25px; line-height:25px; overflow:hidden; background:#E1E7EB url(../{$dir_images}/bg_box.gif) no-repeat 0px -70px; }
.box_three_rank .title h2 { float:left; width:60%; height:25px; line-height:25px; overflow:hidden; padding-left:24px; color:#004477; font-weight:bold; text-align:left; background:url(../{$dir_images}/icon_box.gif) no-repeat 0px -76px; }
.box_three_rank .title span { float:right; width:20%; height:25px; line-height:25px; overflow:hidden; padding-right:6px; text-align:right; background:#E1E7EB url(../{$dir_images}/bg_box.gif) no-repeat right -70px; }
.box_three_rank .middletitle { height:25px; line-height:25px; overflow:hidden; border-left:1px solid #A6D4EE; border-right:1px solid #A6D4EE; border-top:1px solid #A6D4EE; background:#E1E7EB; }
.box_three_rank .middletitle h2 { float:left; width:60%; height:25px; line-height:25px; overflow:hidden; padding-left:24px; color:#004477; font-weight:bold; text-align:left; background:url(../{$dir_images}/icon_box.gif) no-repeat 0px -76px; }
.box_three_rank .middletitle span { float:right; width:20%; height:25px; line-height:25px; overflow:hidden; padding-right:6px; text-align:right; }
.box_three_rank .content { height:195px; line-height:24px; overflow:hidden; background:#FFFFFF; border-left:1px solid #A6D4EE; border-right:1px solid #A6D4EE; }
.box_three_rank .content ul { clear:left; list-style-type:none; padding-left:6px; padding-right:6px; }
.box_three_rank .content li { padding-left:18px; background:url(../{$dir_images}/icon_box.gif) no-repeat 0px -150px; }
.box_three_rank .footer { height:6px; overflow:hidden; background:#E1E7EB url(../{$dir_images}/bg_box.gif) no-repeat 0px -29px; }
.box_three_rank .footer span { width:20px; height:6px; float:right; overflow:hidden; background:#E1E7EB url(../{$dir_images}/bg_box.gif) no-repeat right -29px; }

.box_three_area1 { width:378px; height:220px; margin-right:6px; float:left; overflow:hidden; }
.box_three_area2 { width:378px; height:220px; float:right; overflow:hidden; }
.box_three_area3 { width:378px; height:220px; margin-right:6px; margin-top:6px; float:left; overflow:hidden; }
.box_three_area4 { width:378px; height:220px; float:right; margin-top:6px; overflow:hidden; }

    .content_three_right .title { height:25px; line-height:25px; overflow:hidden; background:#EEFFFF; }
    .content_three_right .title div { float:left; width:80px; height:25px; line-height:25px; overflow:hidden; background:url(../{$dir_images}/bg_box.gif) no-repeat -200px -140px; }
    .content_three_right .title div h2 { height:25px; line-height:25px; padding-left:24px; color:#004477; font-weight:bold; text-align:left; background:url(../{$dir_images}/icon_box.gif) no-repeat 0px -50px; }
    .content_three_right .title span { float:left; width:291px; height:23px; line-height:23px; overflow:hidden; padding-right:6px; text-align:right; border-top:1px solid #A6D4EE; border-right:1px solid #A6D4EE; border-bottom:1px solid #A6D4EE; }
    .content_three_right .content { height:189px; line-height:25px; overflow:hidden; background:#FFFFFF; border-left:1px solid #A6D4EE; border-right:1px solid #A6D4EE; }
    .content_three_right .content .topone { float:left; width:364px; height:110px; overflow:hidden; }
    .content_three_right .content .cover { float:left; margin:3px 0 0 3px;width:100px; height:100px; line-height:100px; overflow:hidden; display:table; vertical-align:middle;text-align:center; border:1px solid #D6ECF8; background:#EBF5FC; }
    .content_three_right .content .cover p {  width:100px; height:100px;line-height:100px; display:table-cell; vertical-align:middle;text-align:center; }
    .content_three_right .content .subject { float:left; margin:3px 3px 0 3px; width:248px; height:25px; line-height:25px; font-weight:bold; overflow:hidden; }
    .content_three_right .content .brief { float:left;  margin:0 3px 0 3px;width:248px; height:80px; line-height:25px; overflow:hidden; border-bottom:1px dashed #A6D4EE; text-indent:2em; }
    .content_three_right .content .brief a,
    .content_three_right .content .brief a:link,
    .content_three_right .content .brief a:visited { padding-left:3px; color:#990000; text-indent:3px; }
    .content_three_right .content .brief a:hover,
    .content_three_right .content .brief a:active { color:#EE0000; }
    .content_three_right .content .list { float:left; width:364px; height:66px; margin:3px 3px 3px 3px; line-height:22px; overflow:hidden; }
    .content_three_right .content .list ul { clear:left; list-style-type:none; padding-left:6px; padding-right:6px; }
    .content_three_right .content .list li { padding-left:18px; background:url(../{$dir_images}/icon_box.gif) no-repeat 0px -150px; }
    .content_three_right .footer { height:6px; overflow:hidden; background:#E1E7EB url(../{$dir_images}/bg_box.gif) no-repeat 0px -29px; }
    .content_three_right .footer span { width:20px; height:6px; float:right; overflow:hidden; background:#E1E7EB url(../{$dir_images}/bg_box.gif) no-repeat right -29px; }
